// 对象的扩展
<template>
  <div>
    <prism language="javascript">
      let yy = "yyy";
      let obj = {
      name: "yuan",
      yy,
      [yy]: "yyytyyytyyyt", //变量yy 放到[]里就是一个动态变量 它的值是yyy变为后面的
      sayname() {
      console.log(this.name); //对象中调用属性必须加this
      },
      sayyyy() {
      console.log(this.yyy);
      }
      };
      console.log(obj["name"]);
      console.log(obj.yy);
      console.log(obj.yyy);

      obj.sayname(); //对象调用方法
    </prism>
    <v-btn
      round
      color="success"
      @click="run"
    >
      RUN
    </v-btn>
  </div>
</template>

<script>
import Prism from "vue-prism-component";
export default {
  components: {
    Prism
  },
  methods: {
    run() {
      let yy = "yyy";
      let obj = {
        name: "yuan",
        yy,
        [yy]: "yyytyyytyyyt", //变量yy 放到[]里就是一个动态变量 它的值是yyy变为后面的
        sayname() {
          console.log(this.name); //对象中调用属性必须加this
        },
        sayyyy() {
          console.log(this.yyy);
        }
      };
      console.log(obj["name"]);
      console.log(obj.yy);
      console.log(obj.yyy);

      obj.sayname(); //对象调用方法
    }
  }
};
</script>